import { Group, Boxs, Button, Avatar } from 'saltui';
const { Box ,VBox} = Boxs;
const avatarColors = ['#38adff'];
import './PageDemo.less'
export default class Demo extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
    }
  }

  render() {
    let t=this;
    return <div className=" t-PR14 t-PL14 t-PT10 t-PB10 t-LH1_5 t-BCf">
      <div className="t-MB10">
          <Button type="minor">消息提醒，移动签到</Button>           
      </div>
          
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="1" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>查看会议消息推送提醒</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              对于已经通过审批的会议，会自动发送消息提醒给会议的参会人员，可点击钉钉工作通知查看消息推送；
              催办的会议申请通知，审批人可在钉钉-DING中查看提醒
              指派的会议任务，任务负责人可在钉钉工作通知中收到提醒；
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_15.png" alt=""/>
        
        </div>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_16.png" alt=""/>
        
        </div>
      </Group>

      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="2" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>查看会议，在线扫码/定位签到</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              会议召开前，参会人员即可对会议签到，根据会议组织者的设置可以通过扫码、定位签到，进入应用首页点击【扫一扫】打开钉钉摄像头扫码会议签到管理人员出示的会议二维码即可在线签到，也可以进入会议详情中点击定位打卡进行签到
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_05.png" alt=""/>
        
        </div>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_19.png" alt=""/>
        
        </div>
      </Group>
    </div>
  }
};
